<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>京东</title>
    <link type="text/css" rel="stylesheet" href="css/detail.css">
    <link type="text/css" rel="stylesheet" href="css/global.css">
    <script type="text/javascript" src="js/myJd.js"></script>
</head>
<body>
    <div><a name="tt"></a></div>
    <div id="bar">
        <div class="bar1">
            <ul class="l">
                <li><i class="iconfont">&#xe600;</i><a href="../jd/index.html">京东首页</a></li>
                <li><a href="#"><i class="iconfont">&#xe64c;</i><span>北京</span></a></li>
            </ul>
            <ul class="r">
                <li><a href="../registration/reg.html" class="a">你好，请登录</a></li>
                <li><a href="../reg/reg.html" class="red">免费注册</a></li>
                <li>|</li>
                <li><a href="../order/jd.html" class="a"><span>我的订单</span></a></li>
                <li>|</li>
                <li><a href="jd.html" class="a"><span>我的京东</span></a><a href="#"><i class="iconfont">&#xe502;</i></a></li>
                <li>|</li>
                <li><a href="../vip/vip.html" class="a"><span>京东会员</span></a></li>
                <li>|</li>
                <li><a href="../qiYe/qiYe.html" class="a"><span>企业采购</span></a><a href="#"><i class="iconfont">&#xe502;</i></a></li>
                <li>|</li>
                <li><span>客户服务</span><i class="iconfont">&#xe502;</i></li>
                <li>|</li>
                <li><span>网站导航</span><i class="iconfont">&#xe502;</i></li>
                <li>|</li>
                <li><a href="#" class="a"><span>手机京东</span></a></li>
            </ul>
        </div>
    </div>
    <div id="cup">
        <div class="cup_center">
            <div class="logo">
            </div>
            <div class="title">我的京东</div>
            <div class="item">
                <ul>
                    <li class="three">首页<span class="one"></span></li>
                    <li><a href="#"> 账户设置</a><span class="two"></span></li>
                    <li><a href="#">消息</a><span class="two"></span></li>
                </ul>
            </div>
            <div class="search">
                <input class="first"/>
                <input type="button" value="搜索" class="second"/>
                <div class="shopping">
                    <div class="shopping_l"></div>
                    <div class="shopping_c"><a href="#">我的购物车</a> </div>
                    <div class="shopping_r">9</div>
                </div>
            </div>
        </div>

    </div>
    <div id="body">
        <div class="body_left">
            <div class="butt"><a href="#">实名认证后可用</a></div>
            <ul>
                <li class="one">订单中心</li>
                <li><a href="../order/jd.html">我的订单</a></li>
                <li><a href="#">评价晒单</a></li>
            </ul>
            <ul>
                <li class="one">我的钱包</li>
                <li><a href="#">优惠券</a></li>
                <li><a href="#">京豆</a></li>
                <li><a href="#">白条</a></li>
                <li><a href="#">红包</a></li>
                <li><a href="#">礼品卡</a></li>
                <li><a href="#">更多<span></span></a></li>
            </ul>
            <ul>
                <li class="one">我的关注</li>
                <li><a href="#">关注商品</a> </li>
                <li><a href="#">关注店铺</a> </li>
                <li><a href="#">内容收藏</a> </li>
            </ul>
            <ul>
                <li class="one">我的活动</li>
                <li><a href="#">我的预约</a> </li>
                <li><a href="#">我的拍卖</a> </li>
                <li><a href="#">我的回收单</a> </li>
                <li><a href="#">我的必购码</a> </li>
                <li><a href="#">我的口令</a> </li>
                <li><a href="#">更多<span></span></a></li>
            </ul>
            <ul>
                <li class="one">客户服务</li>
                <li><a href="#">返修退换货</a> </li>
                <li><a href="#">价格保护</a> </li>
                <li><a href="#">我的发票</a> </li>
                <li><a href="#">购买咨询</a> </li>
                <li><a href="#">交易纠纷</a> </li>
                <li><a href="#">更多<span></span></a></li>
            </ul>
            <ul>
                <li class="one">特色业务</li>
                <li><a href="#">我的营业厅</a> </li>
                <li><a href="#">京东通信</a> </li>
                <li><a href="#">节能补贴</a> </li>
                <li><a href="#">医疗服务</a> </li>
                <li><a href="#">流量加油站</a> </li>
                <li><a href="#">更多<span></span></a></li>
            </ul>
        </div>
        <div class="body_center">
            <div class="le">
                <div class="body_center_left">
                    <div class="top"></div>
                    <div class="center"><a href="#"><img src="images/kulian.jpg"/></a> </div>
                    <div class="bottom"><a href="#">TfpzDSsVUSsJ</a> </div>
                    <div class="title">
                        <div class="title_left">
                            <a href="#">京享值<span>2062</span></a>
                        </div>
                        <div class="title_right">
                            <a href="#">小白信用<span>100</span></a>
                        </div>
                    </div>
                </div>
                <div class="center_left_bottom">
                    <div class="one">开通PLUS会员尊享</div>
                    <div class="two">全年360元运费券礼包</div>
                    <div class="bt">
                        <a href="#">立即开通</a>
                    </div>
                </div>
            </div>
            <div class="center_right">
                <div class="right_top">
                    <div class="top_left">
                        我的钱包
                    </div>
                    <div>
                        <a href="#" class="top_right"></a>
                    </div>
                </div>
                <div class="bottom_right">
                    <ul class="b_r_ul">
                        <li><a href="#" class="one">1</a> </li>
                        <li>优惠券</li>
                        <li><a href="#" class="two">领券</a> </li>
                    </ul>
                    <ul class="b_r_ul">
                        <li><a href="#" class="one">255</a> </li>
                        <li>优惠券</li>
                        <li><a href="#" class="two">京豆<span>|</span>花京豆</a> </li>
                    </ul>
                    <ul class="b_r_ul">
                        <li><a href="#" class="one">0.00</a> </li>
                        <li>余额</li>
                        <li><a href="#" class="two">充值</a> </li>
                    </ul>
                    <ul class="b_r_ul">
                        <li class="line">——</li>
                        <li>优惠券</li>
                        <li><a href="#" class="two">立即开通</a> </li>
                    </ul>
                    <ul class="b_r_ul_end">
                        <li><a href="#" class="one">0.00</a> </li>
                        <li>小金库昨日收益</li>
                        <li><a href="#" class="two">转入小金库，马上赚钱</a> </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="block">
            <h3>我的关注</h3>
            <div class="care">
                <ul>
                    <li><a href="#" class="num">0</a></li>
                    <span>商品关注</span>
                </ul>
                <ul>
                    <li><a href="#" class="num">6</a></li>
                    <span>店铺关注</span>
                </ul>
                <ul>
                    <li><a href="#" class="num">0</a></li>
                    <span>收藏内容</span>
                </ul>
            </div>
            <div class="block_b">
                <div class="b_l">
                    <h3>浏览记录</h3>
                    <div class="div"><a href="#">更多<span></span></a></div>
                    <div class="b_b">
                        <a href="#"></a>
                    </div>
                </div>
            </div>
            <div class="block_two">
                <div class="b_c">
                    <h3>常购清单</h3>
                    <div class="div_two"><a href="#">更多<span></span></a></div>
                    <div class="b_two">
                        <a href="#"></a>
                    </div>
                </div>
            </div>
            <div class="block_three">
                <div class="b_c">
                    <h3>我的问答</h3>
                    <div class="div_three"><a href="#">更多<span></span></a></div>
                    <ul class="who">
                        <li>jd_478fcdca67f93向您提问</li>
                        <li><span></span><a href="#" class="cho">这个可以做U盘启动盘吗</a> </li>
                        <li><a href="#">14条回答</a> </li>
                    </ul>
                    <div class="b_d">
                        <a href="#"></a>
                    </div>
                    <ul class="who_two">
                        <li>Lynn1511向您提问</li>
                        <li><span></span><a href="#" class="cho">可以在手机上拷数据吗</a> </li>
                        <li><a href="#">14条回答</a> </li>
                    </ul>
                    <div class="b_d">
                        <a href="#"></a>
                    </div>
                </div>
            </div>
            <div class="block_four">
                <div class="b_c">
                    <h3>生活服务</h3>
                    <div class="phone">
                        <ul class="one">
                            <li>
                                <a href="#" class="first"></a>
                                <a href="#">话费</a>
                            </li>
                        </ul>
                        <ul class="two">
                            <li>
                                <a href="#" class="second"></a>
                                <a href="#">机票</a>
                            </li>
                        </ul>
                        <ul class="three">
                            <li>
                                <a href="#" class="third"></a>
                                <a href="#">酒店</a>
                            </li>
                        </ul>
                        <ul class="one">
                            <li>
                                <a href="#" class="fourth"></a>
                                <a href="#">企业购</a>
                            </li>
                        </ul>
                        <ul class="two">
                            <li>
                                <a href="#" class="fifth"></a>
                                <a href="#">加油卡</a>
                            </li>
                        </ul>
                        <ul class="three">
                            <li>
                                <a href="#" class="sixth"></a>
                                <a href="#">电影票</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="box">
        <h3>我的订单</h3>
        <div class="nav">
            <div class="choice">
               <div><a href="#" class="img"></a></div>
                <span>待付款</span>
            </div>
            <div class="choice">
                <div><a href="#" class="img_one"></a></div>
                <span>待收货</span>
            </div>
            <div class="choice">
                <div><a href="#" class="img_two"></a></div>
                <span>待评价</span>
            </div>
            <div class="choice">
                <div><a href="#" class="img_three"></a></div>
                <span>退换/售后</span>
            </div>
            <div class="choice">
                <div><a href="#" class="img_four"></a></div>
                <span>全部订单</span>
            </div>
        </div>
        <div class="empty">
        <div class="empty_bg"></div>
        <span>您买的东西太少了，这里都空空的，快去挑选合适的商品吧！</span>
    </div>
    </div>
    <div id="box_b">
        <div class="img"></div>
        <h3>PLUS尊享</h3>
        <div class="title">
            <a href="#">开通PLUS会员<span></span></a>
        </div>
        <a href="#" class="bottom"></a>
    </div>
    <div id="box_bt">
        <div class="m_t">
            <h3>买什么</h3>
            <h5>看看达人们都在买的商品</h5>
            <a href="#">更多<span></span></a>
        </div>
        <div class="m_t_l">
            <a href="#">好用不卡高性价比的手机推荐</a>
            <div class="like">
                <a href="#" class="one"></a>
                <a href="#" class="two">五个橙子的故事5</a>
                <a href="#" class="three"></a>
                <a href="#" class="four">2774</a>
                <a href="#" class="five"></a>
                <a href="#" class="six">1919</a>
                <a href="#" class="seven"></a>
            </div>
        </div>
        <div class="m_t_r">
            <a href="#">厨房小工具</a>
            <div class="like">
                <a href="#" class="one"></a>
                <a href="#" class="two">大海全都是水啊</a>
                <a href="#" class="three"></a>
                <a href="#" class="four">2774</a>
                <a href="#" class="five"></a>
                <a href="#" class="six">1919</a>
                <a href="#" class="seven"></a>
            </div>
        </div>
    </div>
    <div id="jv">
        <div id="center">
            <div class="mt">
                <h3>聚喜欢</h3>
                <a href="#">更多<span></span></a>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_a"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">济源麻麻<span>最近</span></li>
                        <li><a href="#">哈密瓜果肉肥厚，清脆爽口，营养丰富，素有“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_b"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">apipp<span>最近</span></li>
                        <li><a href="#">#夏天+空调=万元大奖夏天＋空调=孩子乖乖睡“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_c"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">颖瑜<span>最近</span></li>
                        <li><a href="#">给老公买的，他特别喜欢，每天都玩，觉得没白“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_d"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">阳光宝贝<span>最近</span></li>
                        <li><a href="#">#你用的第一款苹果产品是什么？#以前我是一“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_e"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">祥君<span>最近</span></li>
                        <li><a href="#">#411京东男装超品日-时尚先生大PK#穿得神采“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_f"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">amy敏<span>最近</span></li>
                        <li><a href="#">#cos经典游戏动作赢千元大奖#闪闪水冰月，代“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_g"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">小胖子<span>最近</span></li>
                        <li><a href="#">360儿童手表正在引导灵活装置的时代，让身为“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_h"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">tongxiaolu<span>最近</span></li>
                        <li><a href="#">#晒晒你的314情人节浪漫晚餐#对的人在一起“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_i"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">美<span>最近</span></li>
                        <li><a href="#">#58女神节，有态度，一起装#自古以来，黑色“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
            <div class="one">
                <div class="left">
                    <a href="#" class="img_j"></a>
                    <span>购物圈</span>
                    <span class="jiao"></span>
                </div>
                <div class="right">
                    <ul>
                        <li class="first">魅影<span>最近</span></li>
                        <li><a href="#">这款手机保留了一个小下巴，但却真真消灭了全“...</a><span>|</span><a href="#">1件商品</a> </li>
                        <li class="two"><a href="#">查看详情<span></span></a> </li>
                    </ul>
                </div>
            </div>
        </div>
        <div id="center_b">
            <div class="two">
                <div class="top">
                    <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                    <span class="jiao"></span>
                    <a href="#">夏季BBQ</a>
                    <span>最近</span>
                    <div class="right"></div>
                </div>
                <div class="bottom">
                    <a href="#" class="one"></a>
                    <a href="#" class="two"></a>
                    <a href="#" class="three"></a>
                    <a href="#" class="four"></a>
                    <span class="first"></span>
                </div>
            </div>
            <div class="two">
                <div class="top">
                    <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                    <span class="jiao"></span>
                    <a href="#">提升女性认知的书单</a>
                    <span>最近</span>
                    <div class="right"></div>
                </div>
                <div class="bottom">
                    <a href="#" class="five"></a>
                    <a href="#" class="six"></a>
                    <a href="#" class="seven"></a>
                    <a href="#" class="eight"></a>
                    <span class="second"></span>
                </div>
            </div>
            <div class="two">
                <div class="top">
                    <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                    <span class="jiao"></span>
                    <a href="#">火锅应该这么吃</a>
                    <span>最近</span>
                    <div class="right"></div>
                </div>
                <div class="bottom">
                    <a href="#" class="nine"></a>
                    <a href="#" class="ten"></a>
                    <a href="#" class="eleven"></a>
                    <a href="#" class="twelve"></a>
                    <span class="fourth"></span>
                </div>
            </div>
            <div class="two">
                <div class="top">
                    <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                    <span class="jiao"></span>
                    <a href="#">几本书，拯救你失眠的夜晚</a>
                    <span>最近</span>
                    <div class="right"></div>
                </div>
                <div class="bottom">
                    <a href="#" class="thirteen"></a>
                    <a href="#" class="fourteen"></a>
                    <a href="#" class="fifteen"></a>
                    <a href="#" class="sixteen"></a>
                    <span class="fifth"></span>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">阅读-武侠</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="seventeen"></a>
                        <a href="#" class="eighteen"></a>
                        <a href="#" class="nineteen"></a>
                        <a href="#" class="twenty"></a>
                        <span class="sixth"></span>
                    </div>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">视觉护眼台灯</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="tone"></a>
                        <a href="#" class="ttwo"></a>
                        <a href="#" class="tthree"></a>
                        <a href="#" class="tfour"></a>
                        <span class="seventh"></span>
                    </div>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">软饰家居，文艺气息</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="tfive"></a>
                        <a href="#" class="tsix"></a>
                        <a href="#" class="tseven"></a>
                        <a href="#" class="teight"></a>
                        <span class="eightth"></span>
                    </div>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">吃的是营养，活的是健康！</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="tho"></a>
                        <a href="#" class="tht"></a>
                        <a href="#" class="thth"></a>
                        <a href="#" class="tf"></a>
                        <span class="ninth"></span>
                    </div>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">致敬一代时尚巨擘——纪梵希</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="thf"></a>
                        <a href="#" class="thfi"></a>
                        <a href="#" class="ths"></a>
                        <a href="#" class="thn"></a>
                        <span class="tenth"></span>
                    </div>
                </div>
                <div class="two">
                    <div class="top">
                        <span class="t"><div class="br">商品</div><div class="er">专辑</div></span>
                        <span class="jiao"></span>
                        <a href="#">看了这些你就知道怎么学算法 算法新手必入</a>
                        <span>最近</span>
                        <div class="right"></div>
                    </div>
                    <div class="bottom">
                        <a href="#" class="tha"></a>
                        <a href="#" class="thb"></a>
                        <a href="#" class="thc"></a>
                        <a href="#" class="thd"></a>
                        <span class="eleventh"></span>
                    </div>
                </div>
                <div class="care">
                    <div class="img"></div>
                    <div class="top">
                        <div class="tt">所有内容都浏览完了哦，还没看够？</div>
                        <span class="bl">请多加</span>
                        <span class="bc"><a href="#">关注</a></span>
                        <span class="br">多加购物车哦</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="footder">
        <iframe src="footer.html" frameborder="no"></iframe>
    </div>
    <div id="right">
        <p class="q"><i class="black"></i>咨询JIMI<em id="cha"></em></p>
        <p class="liaoT">JIMI 00:02:43</p>
        <div class="dopeK">Hi~京东用户，好好休息才有好精力~购物遇到问题，记得点击底部快捷按钮或直接输入问题，JIMI随时都陪伴着你~</div>
        <div class="t" id="t">
            <div><span style="white-space: pre;">资讯JI</span><i class="one5"></i></div>
        </div>
        <div class="b" id="b">
            <div><span>顶部</span><a href="#tt"><i></i></a></div>
        </div>
    </div>
</body>
</html>